/** 
 场外期权存续合约监控
*/
import React, { PureComponent } from 'react';
import { ContentPackage } from '../../../comps';
import { connect } from 'dva';
import Search from './Search';
import Table from './Table';

class OTCOptionContractsMonitoring extends PureComponent {
  constructor(props) {
    super(props);
    this.state = {
      searchValue: {
        day: 5,
        istrigger: ' ',
      },
    };
  }

  componentDidMount() {}

  UNSAFE_componentWillReceiveProps(nextProps) {}

  searchChange = (e) => {
    this.setState({
      searchValue: e,
    });
  };

  render() {
    const { searchValue } = this.state;
    return (
      <ContentPackage
        title='场外期权存续合约监控'
        contentHtml={
          <div style={{ height: '100%' }}>
            <Search value={searchValue} onChange={this.searchChange}></Search>
            <Table searchObj={searchValue}></Table>
          </div>
        }
      />
    );
  }
}
export default connect(({ OTCOptionContractsMonitoringM, loading }) => ({
  OTCOptionContractsMonitoringM,
  loading,
}))(OTCOptionContractsMonitoring);
